<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/login.css">
</head>
<body>
    <header class="w">
        <img src="./images/logo.png" alt="">
    </header>
    <form action="">
        <div class="register w">
            <div class="register_hd clearfix">
                <div class="fl">
                    注册新用户
                </div>
                <div class="fr">
                    我有账号，去
                    <a href="#">登录</a>
                </div>
            </div>
            <form action="">
                <ul class="register_bd">
                    <li class="phone_number">
                        <div class="tit">手机号：</div>
                        <input type="text" name="phone_number">
                        <img src="./images/wrong.png" alt="">
                        <em>密码不少于6位数，请重新输入</em>
                    </li>
                    <li class="phone_code">
                        <div class="tit">短信验证码：</div>
                        <input type="text" name="phone_code">
                        <button>获取短信验证码</button>
                    </li>
                    <li class="password">
                        <div class="tit">登录密码：</div>
                        <input type="password" name="password">
                        <img src="./images/wrong.png" alt="">
                        <em>密码不少于6位数，请重新输入</em>
                    </li>
                    <li class="password_strength">
                        <ins>安全强度</ins>
                        <i>弱</i>
                        <em>中</em>
                        <u>强</u>
                    </li>
                    <li class="password_sure">
                        <div class="tit">登录密码：</div>
                        <input type="password" name="password_sure">
                        <img src="./images/wrong.png" alt="">
                        <em>密码不一致，请重新输入</em>
                    </li>
                    <li class="agreement">
                        <input type="checkbox" checked>
                        同意协议并注册
                        <em>《知果果用户协议》</em>
                    </li>
                    <li class="complete">
                        <button>完成注册</button>
                    </li>
                </ul>
            </form>
        </div>
    </form>
</body>
</html>